<script setup lang="ts">
import { type PropType } from "vue"
defineProps({
    type: {
        type: String as PropType<"default" | "error" | "warn">,
        default: 'default',
    },
})
</script>
<template>
    <view class="button padding-left-24 padding-right-24 height-64 border-radius-8 line-height-62 size-24" :class="type">
        <slot />
    </view>
</template>
<style scoped lang="scss">
@import "../common-css/index.scss";

.button {
    background-color: $color;
    color: #fff;
    display: inline-block;
    border: 1px solid $color;
    text-align: center;

    &.error {
        background-color: $color-err;
        border: 1px solid $color-err;
    }

    &.warn {
        background-color: $color-warn;
        border: 1px solid $color-warn;
    }
}
</style>